<!DOCTYPE html>
<html>
  <head>
    <title>二级菜单效果.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
	$("h1").click(function() {
		$("ul").css("display","block").addClass("type");
		$("#li1").css("background-color","#ccc");
	});
});

</script>
<style type="text/css">
	.type (font-size:14px;font-weight:bold;line-height:24px);
</style>
  </head>
  
  <body>
    <h1>新手指南</h1>
    <ul style="display:none">
    	<li id="li1"><a href="#">会员注册</a></li>
    	<li><a href="#">订阅更新</a></li>
    	<li><a href="#">用户协议</a></li>
    	<li><a href="#">常见问题</a></li>
    </ul>
  </body>
</html>
